<template>
  <div class="tab">
    <dui-tabs v-model:selected="selected">
      <dui-tab name="tab1" title="11">1</dui-tab>
      <dui-tab name="tab2" title="22">2</dui-tab>
      <dui-tab name="tab3" title="3333">3</dui-tab>
    </dui-tabs>
  </div>
</template>

<script lang="ts">
import { ref } from 'vue'
import duiTabs from '../dui/tabs/Tabs.vue';
import duiTab from '../dui/tabs/Tab.vue';

export default {
  components: { duiTabs },
  setup () {
    const selected = ref('tab1');

    return { selected }
  }
}
</script>

<style lang="scss" scoped>

</style>